@charset "utf-8";
* {padding: 0;margin: 0;box-sizing: border-box;}
ul,li,ol,ol li {list-style: none}
h1,h2,h3,h4,h5,h6,b{font-weight: normal;}
img {border: none;margin: 0;vertical-align: middle}
body {font: 12px/1 "微软雅黑";color: #333;width: 100%;background: #fff;min-width: 1440px;position: relative;}
a {display: inline-block;text-decoration: none;color: #333;-webkit-tap-highlight-color: transparent}
em,i{font-style: normal}
button,input,select,textarea {font-size: 100%;font-family: "微软雅黑";outline: none;-webkit-appearance: none}
iframe{border: none;}
.clearfix:after {content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden}
.fl{float: left;}
.fr{float: right;}
.hide{display: none}
.ellipsis-1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.ellipsis-2{overflow:hidden; text-overflow:ellipsis;display:-webkit-box !important; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.flex{display: -ms-flexbox !important;display: -webkit-flex !important;display: flex !important;}
.justify-start {-webkit-justify-content: flex-start; justify-content: flex-start;}
.justify-end {-webkit-justify-content: flex-end;justify-content: flex-end;}
.justify-center {-webkit-justify-content: center;justify-content: center;}
.justify-between {-webkit-justify-content: space-between;justify-content: space-between;}
.justify-around {-webkit-justify-content: space-around;justify-content: space-around;}
.flex-wrap {-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.align-start {-webkit-align-items: flex-start; align-items: flex-start;}
.align-end {-webkit-align-items: flex-end;align-items: flex-end;}
.align-center {-webkit-align-items: center;align-items: center;}
.flex-shrink{flex-shrink: 0;-webkit-flex-shrink: 0;}
.text-align-center{text-align: center;}


 body img{max-width: 100%;}
.swiper-slide img{width: 100%;}

.header{position: absolute;top: 0;left: 0;width: 100%;padding:32px 35px; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,.78)), to(rgba(0,0,0,0))); background: -webkit-linear-gradient(rgba(0,0,0,.78), rgba(0,0,0,0)); background: -moz-linear-gradient(rgba(0,0,0,.78), rgba(0,0,0,0)); background: -o-linear-gradient(rgba(0,0,0,.78), rgba(0,0,0,0)); background: linear-gradient(rgba(0,0,0,.78), rgba(0,0,0,0));z-index: 999;}
.header ul{margin-left: 50px;border-left: 2px solid #7e8292;}

.header ul a{color: #fff;font-size: 18px;padding: 0 20px;}
.header .code{cursor: pointer;display: none;}
.header .code p{display: none;position: absolute;right: 0;}
.header .code p img{width: 150px !important;height: 150px;}
/* .header .code:hover p{display: block;} */
.swiper-banner .swiper-pagination{bottom: 100px;}
.swiper-banner .swiper-pagination-bullet{background-color: #16b2e5;opacity: 1;border: 5px solid transparent;box-sizing: content-box;background-clip: content-box;transition: .3s;}
.swiper-banner .swiper-pagination-bullet-active{background-color: #ffffff;border-color: rgba(255,255,255,.5);}

.index-more{font-size: 14px;color: #2f2f2f;width: 140px;height: 40px;line-height: 38px;text-align: center;border: 1px solid #2f2f2f;transition: .3s;}
.index-more:hover{background-color: #fff;border-color: transparent;}
.index-title{position: relative;background: #415368;padding: 0 240px;}
.index-title img{margin: auto;display: block;}
.index-title .index-more{position: absolute;right: 240px;top: 0;bottom: 0;margin: auto;}

.pic{position: relative;overflow: hidden;}
.pic img{width: 100%;max-width: none;height: auto;min-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .3s;}
/* 首页 关于我们 */
.index-about{background: url(../images/index-bg1.jpg) no-repeat top right;padding: 40px 0 80px; position: relative;z-index: 99;max-width:1920px;margin:0 auto;}
	.index-about .box{width: 1200px;padding: 0 200px;position: sticky;right: 0;}
	.index-about .text{padding: 0 1px 0 60px;}
	.index-about .txt{font-size: 16px;line-height: 2;margin-top: 20px;color: #3b3b3b;text-indent: 32px;}
	.index-about .txt i{font-size: 20px;color: #9d1516;font-weight: 600;margin-left: 10px;}
	.index-about .index-more{margin-top: 55px;margin-right: 185px;}
/* 首页 服务项目 */
.index-service{background: url(../images/index-bg2.jpg) no-repeat top center ;padding: 205px 240px 90px;transition: .3s;max-width:1920px;margin:0 auto;}
	.index-service .item{margin-right: 20px;margin-bottom: 20px;border: 1px solid #d7d7d7;width: -moz-calc(20% - 26px);width: -webkit-calc(20% - 26px);width: calc(20% - 26px);transition: .3s;}
	.index-service .item:nth-of-type(5n){margin-right: 0;}
	.index-service .item img{width: 100%;}
	.index-service .item:hover{transform: translateY(-10px);}
/* 首页 景观设计 */
.index-landscape{padding: 20px 0 20px;max-width:1920px;margin:0 auto;}
.swiper-landscape.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;    /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}
.index-landscape .swiper-landscape .swiper-slide{overflow: hidden; /* width: 430px; */width: calc(25% - 20px); position: relative;}
.index-landscape .swiper-landscape .swiper-slide img{transition: .3s;width: 100%;height: 335px;}
.index-landscape .swiper-landscape .swiper-slide p{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%; text-align: center;padding: 60% 20px 30px; font-size: 32px;color: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.8)));background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));}
.index-landscape .swiper-landscape .swiper-slide:hover img{transform: scale(1.05);}
/* 首页 施工步骤 */
.index-step{background: url(../images/index-bg3.jpg) no-repeat top center;position: relative;padding:250px 0 90px ;}
.index-step .box{width: 1200px;margin: auto;}
.index-step .item{width: 18%;}
.index-step .item img{width: 180px;}
.index-step .item h5{font-size: 18px;margin-top: 20px;line-height: 24px;color: #ffffff;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index-step .item h5 span{width: 25px;height: 20px;background: #fff;border-bottom: 2px solid #fff;background-clip: content-box;padding-bottom: 2px;box-sizing: content-box; color: #440f00;text-align: center;margin-right: 10px;font-weight: 600;}
/* 首页 案例展示 */
.index-case{padding: 205px 0 40px;background: url(../images/index-bg4.jpg) no-repeat top center; position: relative;}
.index-case .case-list{max-width:1920px;margin: auto;border-top: 1px solid #907374;border-bottom: 1px solid #907374;padding: 20px 20px; position: relative;}
.swiper-case.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;    /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}
.index-case .item{width: -moz-calc(33.33% - 15px);width: -webkit-calc(33.33% - 15px);width: calc(33.33% - 15px);margin-right: 20px; position: relative;max-height: 340px;overflow: hidden;}
.index-case .item:last-of-type{margin-right: 0;}
.index-case .item .cover{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%; background: rgba(0,0,0,.67);text-align: center;padding:290px 20px 0 ;font-size: 26px;color: #fff;transition: .3s;opacity: 0;}
.index-case .item .cover p{width: 100%;}
.index-case .item .cover img{display: none;margin-top: 20px;}
.index-case .item .pic{width: 100%;height:335px;}
.index-case .item .pic img{height: 100%;width: 100%;min-width: 100%;}
.index-case .item:hover img{transform: translate(-50%,-50%) scale(1.05);}
/* .index-case .item:hover .cover {padding: 200px 20px;} */


/* 首页 新闻中心 */
.index-news{background: url(../images/index-bg5.jpg) no-repeat top center;padding: 120px 0 110px;}
	/* .index-news-cont{width: 1400px;margin: auto;} */
	.index-news .box{background-color: #fff;padding: 60px 35px;margin: 0 auto;width: 1100px;position: relative;}
	.index-news .box .index-more{position: absolute;right: 10px;bottom: 10px;}
	.index-news .box .index-more:hover{background: #333;color: #fff;}
	.swiepr-news{width: 450px;height: 280px;margin-right: 30px;margin-left: initial;}
	.index-news .swiper-slide img{height: 100%;}
	.swiepr-news .swiper-pagination{text-align: right;padding: 0 20px;}
	.swiepr-news .swiper-pagination-bullet{background-color: #ffffff;opacity: 1;}
	.swiepr-news .swiper-pagination-bullet-active{background-color: #16b2e5;}
	.index-news-list{width: -moz-calc(100% - 480px);width: -webkit-calc(100% - 480px);width: calc(100% - 480px);}
	.index-news-list .item{margin-bottom: 20px;width: 100%;}
	.index-news-list .item:last-of-type{margin-bottom: 0;}
	.index-news-list .item .fl{border: 1px solid #d6d6d6;padding: 10px 18px;text-align: center;width: 20%;}
	.index-news-list .item .fl i{display: block;font-size: 38px;}
	.index-news-list .item .fl span{display: block;font-size: 14px;}
	.index-news-list .item .fr{border-bottom: 1px solid #d6d6d6;margin-left: 15px;padding: 20px 0;width: 80%;}
	.index-news-list .item .fr h5{font-size: 18px;color: #212121;margin-bottom: 10px;}
	.index-news-list .item .fr p{font-size: 16px;color: #b4b4b4;}
	.index-news-list .item:hover h5{color: #266ed4;}

/* 首页 联系我们 */
.index-contact{background: url(../images/index-bg6.jpg) no-repeat top center;background-size: 100% 100%;}
	.index-contact .box{width: 1400px;margin: 0 auto;position: relative;padding: 110px 0 80px;}
	.index-contact .box h1{font-size: 24px;color: #fff;font-weight: 600;margin-bottom: 40px;}
	.index-contact .box h2{font-size: 51px;color: #fff;margin-bottom:50px}
	.index-contact .box .left{width: 500px;}
	.index-contact .txt{border-top: 1px solid #fff;padding: 68px 0 0;}
	.index-contact .box p{font-size: 22px;color: #fff;margin-bottom:10px}
	.index-contact .box .index-more{color: #fff;border-color: #fff;margin-top: 70px;}
	.index-contact .box .index-more:hover{color: #333;}
	.index-contact .box .code{width: 150px;height: 150px;margin-left: 15px;margin-top: 15px;}
	.index-contact iframe{width: 800px;height: 600px;position: absolute;top: 0;bottom: 0;right: 0px;margin: auto 0;}

.drift{position: fixed; right: 0;bottom: 200px;z-index: 9999;display: none;}
.footer {padding: 30px 35px 50px;}
.footer>img{width: 30%;}
.footer ul a{font-size: 18px;color: #747474;padding: 0 20px;margin: auto;}
.footer ul a:hover{color: #333;}
footer{font-size: 14px;color: #858585;line-height: 24px;text-align: right;}
.db_10{height: 20px;line-height: 20px;}
.db_12 {float: right;height: 20px;line-height: 20px;margin: 0px 0px 0px 5px;color: #9a9a9a;}
/* 内页 */
/* .container{} */
.gray-line{background: #f2f2f2;height:10px;}
.container .gray-line{background: #f2f2f2;height: 85px;}
.container .page-cont{width: 1400px; margin: -85px auto 0;min-height: 900px;position: relative;}
.container .n-top{width: 100%;height: 85px;line-height: 85px;}
.container .n-top h1{font-size: 28px;color: #454545;-ms-flex: 1;-webkit-flex: 1;flex: 1;font-weight: 600;}
.m-crumb{font-size: 16px;}
.main{padding: 70px 0;}

.container .n-left{width: 21%;}
.container .n-left h5{font-size: 28px;color: #fff;text-align: center;line-height: 85px;height: 85px; background-color: #00519f;font-weight:600;}
.container .n-left .left-news{background-color: #046cc4;padding: 10px 10px;}
.container .n-left .left-news img{width: 290px;height: 130px;}
.container .n-left .left-news a{font-size: 15px;line-height: 24px;color: #fff;}
.container .n-left .left-news a:hover{text-decoration: underline;}
.container .n-left .left-case{margin: 15px 0;}
.container .n-left .left-case .swiper-slide img{width: 100%;height: 187px;}

.container .n-left .left-contact{padding: 30px 15px 60px;background: url(../images/left-contact-bg.jpg) no-repeat;background-size: 100% 100%;}
.container .n-left .left-contact h1{font-size:24px;color: #fff;margin-bottom: 20px;}
.container .n-left .left-contact p{font-size: 14px;color: #fff;line-height: 1.5;}
.container .n-left .left-contact p i{font-size: 20px;}
.container .n-left .left-contact img{width: 64px;height: 64px;margin-top: 20px;}

.container .n-right{width: 75%; font-size: 16px;line-height: 2;}


.newslist a{display: block;border-bottom: 1px dashed #E5E5E5;padding: 10px 10px;line-height: 2;}
.newslist a img{width: 200px;height: 150px;margin-right: 30px;}
.newslist a h5{font-size: 20px;width: 80%;}
.newslist a span{font-size: 14px;color: #C3C3C3;}
.newslist a p{font-size: 16px;color: #999;}
.newslist a:hover{background: #F5F5F5;}

.piclist a{width: 32%;margin-right: 1%;position: relative;margin-bottom: 15px;}
.piclist a:nth-of-type(3n){margin-right: 0;}
.piclist a .pic{height: 260px;width: 100%;}
.piclist a p{font-size: 16px;text-align: center;}


@media screen and (min-width: 1599px) and (max-width: 1900px) {
}
@media screen and (min-width: 1599px) and (max-width: 1800px) {

}
@media screen and (max-width: 1600px) {
.header ul a{font-size: 17px;}
	.index-landscape .flex .item img{height: 235px;}
}
@media screen and (max-width: 1440px) {
	.header .logo{width: 480px;}
	.header ul a{font-size: 16px;}
	.index-landscape .swiper-landscape .swiper-slide img{height: 235px;}
	.index-contact .txt{padding-left: 40px;padding-right: 40px;}
}
@media screen and (max-width: 1366px) {
	.header .logo{width: 450px;}
	.index-case .case-list{width: 1200px;}
	.index-contact .box{width: 1200px;}
	.header ul a{font-size: 16px;}
}
@media screen and (max-width: 1280px) {

}